﻿<table class="table table-bordered table-hover table-striped">
    <tr ng-repeat="note in noteRecords" ng-class-even="'success'">
        <td ng-if="$index==0" style="width: 60px;" rowspan="{{noteRecords.length+1}}">记事</td>
        <td  ng-click="editing(note,'inputContent')" ng-mouseleave="note.inputContent=false">
            <span ng-show="!note.inputContent">{{note.content}}</span>
            <input ng-show="note.inputContent" type="text" class="form-control" ng-model="note.content" ng-blur="editNoteRecord(note)">
        </td>
    </tr>

    <tr ng-show="canEdit">
        <td ng-if="noteRecords.length==0" style="width: 60px;">记事</td>
        <td class="success">
            <input type="text" class="form-control" ng-model="newNoteRecord.content" ng-blur="addNoteRecord(note)">
        </td>
    </tr>
</table>